<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <title>Bootstrap 101 Template</title>
    <!-- Bootstrap -->
    <link href="js/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">

</head>
<body>
<div class="container">
    <div class="jumbotron">
        <h1>学生管理系统</h1>

        <p>本系统为针对学生信息的管理系统，此处为bootstrap巨幕效果</p>

        <p><a class="btn btn-primary btn-lg" href="student/add.html" role="button">增加学生信息</a></p>
    </div>
    <form action="" class="form-inline">
        <div class="row">
            <div class="col-md-12">
                <div class="form-group">
                    <label class="control-label">姓名</label>
                    <input type="text" class="form-control" placeholder="姓名"/>
                </div>
                <div class="form-group">
                    <label class="control-label">学历</label>
                    <select class="form-control">
                        <option>小学</option>
                        <option>初中</option>
                        <option>高中</option>
                        <option>大学</option>
                    </select>
                </div>
                <a class="btn btn-primary" href="#" role="button">查询</a>
            </div>
        </div>
    </form>
    <div class="row">
        <div class="col-md-12">
            <table class="table table-striped table-bordered table-hover">
                <tr>
                    <th>学号</th>
                    <th>姓名</th>
                    <th>年龄</th>
                    <th>性别</th>
                    <th>学历</th>
                    <th>操作</th>
                </tr>
                <tr>
                    <td>11001</td>
                    <td>张三</td>
                    <td>15</td>
                    <td>男</td>
                    <td>小学</td>
                    <td><a href="student/edit.html" class="btn btn-success">修改</a></td>
                </tr>
                <tr>
                    <td>20001</td>
                    <td>李四</td>
                    <td>20</td>
                    <td>女</td>
                    <td>初中</td>
                    <td><a href="student/edit.html" class="btn btn-success">修改</a></td>
                </tr>
                <tr>
                    <td>31001</td>
                    <td>王五</td>
                    <td>21</td>
                    <td>男</td>
                    <td>高中</td>
                    <td><a href="student/edit.html" class="btn btn-success">修改</a></td>
                </tr>
                <tr>
                    <td>40001</td>
                    <td>赵六</td>
                    <td>22</td>
                    <td>女</td>
                    <td>大学</td>
                    <td><a href="student/edit.html" class="btn btn-success">修改</a></td>
                </tr>
            </table>
        </div>
    </div>
    <div class="row">
        <div class="col-md-12"><h4>共计3条数据</h4></div>
    </div>
</div>

<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="js/jquery-1.11.0.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="js/bootstrap/dist/js/bootstrap.min.js"></script>
</body>
</html>
